<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<ul class="he">
			<li>1</li>
			<li>2</li>
			<li>3</li>
		</ul>
		<script>
			const he=document.querySelector('.he');
			const child= document.querySelector('.he li:nth-child(1)');
			// document.children;
			// 查找子元素
			console.log(he.children);
			// 查找父元素，ul
			// console.log(he.children.parentNode);
			// console.log(child.parentNode);
			
			const li2=document.querySelector('.he li:nth-child(2)');
		// 查找下一元素
			console.log(li2.nextElementSibling);
			// 查找上一个元素
			console.log(li2.previousElementSibling);
			// 查找父亲元素
			console.log(li2.parentNode);
			console.log("----------");	
			// 查找所有的子节点
			console.log(he.children);
			let arr= he.children
			for (let i = 0; i < arr.length; i++) {
				console.log('哈哈哈')
				console.log(arr[0]);
			}
		</script>
	</body>
</html>